<html>
<head>
<!--    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title id='title'>Ext BPM</title>
    <!-- by Rick Braddy, www.WinningWare.com -->
<style>
    #loading-mask{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:20000;
        background-color:white;
    }
    #loading{
        position:absolute;
        left:45%;
        top:40%;
        padding:2px;
        z-index:20001;
        height:auto;
    }
    #loading a {
        color:#225588;
    }
    #loading .loading-indicator{
        background:white;
        color:#444;
        font:bold 13px tahoma,arial,helvetica;
        padding:10px;
        margin:0;
        height:auto;
    }
    #loading-msg {
        font: normal 10px arial,tahoma,sans-serif;
    }

    </style>
</head>
<body>
    <div id="loading-mask" style=""></div>
    <div id="loading">
        <div id="loading-ind" class="loading-indicator">
            <img id="loading-image" src="css/images/loading.gif"/><br>
            <span id="loading-msg">Loading styles and images...</span>
        </div>
    </div>

    <link rel="stylesheet" type="text/css" href="ext-3.3.1/resources/css/ext-all.css" />

    <link rel="stylesheet" type="text/css" href="css/fileuploadfield.css"/>

    <link rel="stylesheet" type="text/css" href="css/ext-bpm.css"/>

    <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script>

    <!-- ExtJS library: base/adapter -->
    <script type="text/javascript" src="ext-3.3.1/adapter/ext/ext-base-debug.js"></script>
    <!-- ExtJS library: all widgets -->
    <script type="text/javascript" src="ext-3.3.1/ext-all-debug.js"></script>
<!--    <script type="text/javascript" src="ext-3.3.1/src/locale/ext-lang-hr.js"></script>-->

    <!-- extensions -->

    <!-- overrides to library -->
    <script type="text/javascript" src="ext-bpm/overrides/TableLayout.js"></script>
    <script type="text/javascript" src="ext-bpm/overrides/dynform/Ext.form.Field.js"></script>
    <script type="text/javascript" src="ext-bpm/overrides/dynform/Ext.form.FieldSet.js"></script>
    <script type="text/javascript" src="ext-bpm/overrides/dynform/Ext.form.FormPanel.js"></script>

    <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Application...';</script>

        <!-- page specific -->
        <script type="text/javascript" src="ext-bpm/config.js"></script>
        <script type="text/javascript" src="ext-bpm/utils/HelperMethods.js"></script>
        <script type="text/javascript" src="ext-bpm/utils/MessageBoxHandler.js"></script>
        <script type="text/javascript" src="ext-bpm/utils/ErrorHandler.js"></script>
        <script type="text/javascript" src="ext-bpm/ux/Broadcast.js"></script>
        <script type="text/javascript" src="ext-bpm/ux/FileUploadField.js"></script>
        <script type="text/javascript" src="ext-bpm/ux/ComboListAutoSizer.js"></script>
        <script type="text/javascript" src="ext-bpm/components/AbstractComboBox.js"></script>
        <script type="text/javascript" src="ext-bpm/components/CentralCardPanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/HeaderToolbar.js"></script>
        <script type="text/javascript" src="ext-bpm/components/NavigationSearchPanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/NavigationProcessPanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/NavigationTaskTreePanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/NavigationAdministrationPanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/NavigationPanel.js"></script>
        <script type="text/javascript" src="ext-bpm/components/TaskGrid.js"></script>
        <script type="text/javascript" src="ext-bpm/components/ProcessGrid.js"></script>
        <script type="text/javascript" src="ext-bpm/components/ProcessInstanceGrid.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/AbstractForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/ProcessForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/TaskForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/CreateTemplateStartForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/FinishTemplateTaskForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/VerifyTemplateTaskForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/EditTemplateForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/CompleteTaskForm.js"></script>
        <script type="text/javascript" src="ext-bpm/forms/TestForm.js"></script>
        <script type="text/javascript" src="ext-bpm/Application.js"></script>

    <script type="text/javascript">
        // eliminate the loading indicators
    </script>

</body>
</html>